html{ margin:0 auto; }
body{  max-width:1903px;margin:0 auto; font-family: Arial, "Microsoft YaHei";  font-size: 16px;  color:#555;  }
input,button{ outline: 0; }
ul{ list-style: none;padding:0;margin:0; }
a{  text-decoration: none;  color:#555;  }
h3{ color:#222; font-size: 22px;}
a:hover{ text-decoration: none; color:#555; }
a:focus{ text-decoration: none; color:#555; }
*:focus{ outline: none!important; }
.lf{ float: left; }
.rt{ float: right; }
.mt50{ margin-top: 50px; }
p{ text-align: justify; }
.main{  margin: 0 auto;min-height: 600px; padding-top: 60px; }
.blue{ color:#3C3EAB }
.yellow{ color:#F39801 }
.red{ color:#AF3124; }
.deep-gray{ color:#ABABAB; }
.mid-gray{ color:#CBCACF; }
.reset-btn{ display: inline-block; padding:0;height:32px;line-height: 32px;background: #eee;color:#555;border: 0;border-radius:32px;font-size: 15px;padding:0 20px; }
.reset-btn:active{box-shadow: inset 0 3px 3px rgba(150,150,150,.1);  }
.reset-btn:hover{ opacity: 0.92}

/* test */
.c-inbanner{ display: none; top:80px;  background: #384395;height: 48px;line-height: 48px; }
.p-subnav.subnavbg{
  z-index: 1000;
  display: none;
}
.p-subnav {
  -webkit-transition: all .4s;
  transition: all .4s;
}
.subnavbg {
  width: 100%;
  position: absolute;
  left: 0; top: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.subnav {
  position: relative;
}

/*头部*/
header{ position: relative;overflow-x: hidden;height:128px; margin: 0 auto;  }
header .container{ position: relative; padding:15px }
header .nav{ position: relative; }
header .nav a{ color:#666; font-size: 17px; }
header .navbar-brand{  padding:10px;  }
#baseline{ display: none; position: absolute; width: 60px; height: 4px; background: #F39801; left: 0; bottom: -15px; }
/*.subnavbg.current li a{ color:#fff;  }*/

header .child-menu>li{ float: left; }
header .child-menu a{ padding:0 15px; color:#C9CACD; font-size: 15px; text-decoration: none; }
header .child-menu li:hover a{ color:#fff; }
header .nav li a:hover,header .nav li a:focus{ background: none; }
.detail-title>li>a:after{
  content:"";  display: block;  width: 0;height: 100%;
  border-bottom: 4px solid #F39801; position: absolute;  top: 15px;  left: 0;  z-index: -1;
  transition: .2s;  -webkit-transition: .2s;  -moz-transition: .2s; -ms-transition: .2s;  -o-transition: .2s;
}
.active-menu a{  color:#fff;  }
/*.detail-title li.active-menu>a:after{  width: 100%;  }*/
.navbar-toggle .icon-bar{ background: #888; }
.detail{ width:100%; position: absolute; left:0; z-index: 10; color:#fff; }
/*.detail-page{ top:80px; background: #3C3EAB; }*/
.detail-path{ bottom:0; background: rgba(0,0,0,.5); }

/* banner */
#banner{ position: relative;width:100%; margin-top: -48px; }
.banner-box img{ width: 100%; }
.detail-home{ float: left; font-size: 12px; }
.detail-home img{ position: relative;top:-2px; }
.detail-home a{ padding:0 4px; }
.detail-title{ float: right; font-size: 14px; position: relative; }
.detail-title li{ padding: 0 15px; }
.detail-title li:hover a{ color:#fff; }
.detail-title a{ position: relative; color:#C9CACD; display: block; width: 100%; }
.detail-title .current a{ color:#fff; }
/*.detail-title .active-menu a{ color:#fff; }*/

/*.detail-title li a:after{ top: -2px; z-index: -1; }*/
.carousel-inner img{width: 100%;}
.control{ position: absolute; top:50%; margin-top: -20px;display: none }
.control.left{ left:50px; }
.control.right{ right:50px; }
.control img{ width:40px; opacity: 0.8; }
#banner:hover .control{ display: block; }
.detail-home a{ color:#fff; }
#subline{ display: none; position: absolute; width: 60px; height: 4px; background: #F39801; left: 15px; bottom:1px; }


/*底部*/
footer{ background: #262834; color:#96979A; line-height: 24px; height:188px; font-size: 14px; }
footer .container>.row{
  width:100%;margin:0 auto;  position: absolute;  top:50%;left:0;
  -webkit-transform:translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);
}
footer .container{position: relative; height: 100%; }
footer p{ margin: 0;  }
footer .footer-desc p{ display: inline-block; text-indent: 30px; }
footer .col-md-8,footer .col-md-4{ padding:0;  }
.footer-ercode-box{ float: right; text-align: center; padding-top: 10px; }
.footer-ercode-box p{ line-height: 40px; color:#AEAEB1; text-align: center;}

/*页面*/
.reset-block{ padding-right: 48px; border-right:1px solid #DFDFDF; }
.reset-block>p{ text-indent: 30px; margin: 0; color:#6E6E6E; }
.reset-block>p:last-child { margin-bottom: 60px; }
.reset-block .reset-bg{ margin:25px 0; }
.reset-img-box{ margin-bottom:40px; position: relative; }
.reset-img-box>.reset-label{
  display: block; font-size: 18px; margin: auto; width:172px; height:93px; line-height: 93px;  border:0; outline: 0;
  background: rgba(0,0,0,.6); color:#FDFEFE; position: absolute;  top:0;left:0;right:0;bottom:0;
}
.reset-img-box>.reset-label:hover{ text-decoration: none;  }


/*人才*/
.mid-block{ position: relative; margin-top: 20px; }
.mid-text{
  position: absolute;  top:50%;left:0;  margin:auto;  padding:0 10%;
  -webkit-transform:translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
.mid-text h4{ text-align: center; color:#FDFEFE; font-size: 24px; }
.mid-text p{ color:#FDFEFE; font-size: 18px; text-indent: 40px; line-height: 28px; margin-bottom: 30px; }

/*联系我们*/
.reset.fill-containter{ position: relative; }
.reset.fill-containter >.row{
  padding: 0 5%; width:100%; margin:auto; color:#FDFEFE; position: absolute; top:50%;left:0;
  -webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.reset.fill-containter p{ margin-bottom: 18px; font-size: 19px; }
.ercode>p{ margin-top: 30px;text-align: center; }

/*党建动态*/
.party{line-height: 28px; font-size: 14px; color:#222; }
.party p{ margin: 0;font-size: 14px; }
.party-head .panel-heading{
  width:100%;height:0;padding:0; padding-bottom:13% ; position: relative;
  background: url(../img/party-head.png) no-repeat center center;
  background-size: 100% 100%;
}
.party-head .panel-heading h3{
  height:50px; width:100%; line-height: 50px; position: absolute;top:50%; left:0;
  margin:0 auto; margin-top: -25px; text-align: center; color:#fff;
}
.party-head .panel-body{ background: #eee; padding:25px 20px; }
.party-main h3{ margin: 40px 0 5px 0;font-size: 20px; }
.party-main.rule h3{ text-align: center }
.party-side{ display: block; font-size:23px;line-height: 50px; color:#fff; position: absolute;  top:0;left:0;right:0;bottom:0; }
.party-side:focus,.party-side:hover{ color:#fff; }
.get-more{ float: right;clear: both; text-decoration: underline; margin-top: 30px; }
.get-more:hover,.get-more:focus{ text-decoration: underline!important; }
/*规章制度*/
.party .media{ margin-bottom: 40px; }
.party .media-left{ position: relative; padding:0; }
.party .media-left h2{ margin:0; color:#fff; width:100%; position: absolute;top:0;left:0; text-align:center;}
.party .media-body{ border: 1px solid #ccc; }
.party .media-body.rule-title{ border: 0 ;border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc; }
.party .media-body a{ display: inline-block; margin:0 ; color:#222;text-indent: 50px;font-weight: bold; }
.party .media-body a:hover{ color:#f12a29;text-decoration: underline; }
.party .media-body a.section-title:hover{ color:#222;text-decoration: none; }
/*移动端*/
@media (max-width: 767px) {
  .main{ min-height: 250px; padding-top: 30px;}
  .main p{ font-size: 14px; }
  div.reset-col-sm-3{ margin-top: 30px; }
  footer{ line-height: 16px; font-size: 12px; }
  footer .col-md-8,footer .col-md-4{ padding:0 15px; }
  footer .footer-desc p{ text-indent: 10px; }
  .footer-ercode-box{ float: none; }
  .footer-ercode-box img{ width:50px; }
  .footer-ercode-box p{ line-height: 18px; }
  .banner{ margin-bottom: 10px; }
  .banner-img{ height:80px; }
  div.reset-block{ padding-right: 15px; padding-left: 15px; border: 0; }
  .reset-block>p:last-child { margin-bottom: 40px; }
  .fill-containter { padding:0 15px; }
  .reset-img-box>.reset-label{ width:110px; height:60px; line-height: 60px; }

  .mid-text{ padding:0 2%; }
  .mid-text h4{ font-size: 13px; margin-bottom: 0!important; }
  .mid-text p{ font-size: 12px; text-indent: 30px; line-height: 14px; margin-bottom: 5px; }
  .reset.fill-containter >.row{ padding: 0 10%; }
  .reset.fill-containter p{ margin-bottom: 0; font-size: 12px; line-height: 14px; }
  .reset.img-responsive{ width:40%; margin-top: 5px; }
  .ercode>p{ margin-top: 5px; }

  .party{line-height: 20px; font-size: 12px;}
  .party p{ margin: 0;font-size: 12px; }
  .party-head .panel-heading{ padding-bottom: 14%; }
  .party-head .panel-heading h3{ left:10%;width:80%; font-size: 16px; line-height: 20px; margin-top: -19px; }
  .party-head .panel-heading h3.elip-title{ font-size: 13px; }
  .party-main{ padding-bottom:0; }
  .party-main h3{ font-size: 14px;margin: 20px 0 5px 0; }
  .party-side{   font-size: 15px;  margin: 30px 20px;  line-height: 26px; }
  .party .media{ margin-bottom: 20px; }
  .party .media-left{ width:70px;height:59px;}
  .party .media-left img{ width:70px;height:59px; }
  .party .media-left h2{ font-size: 40px;line-height:59px;  }
  .party .media-body a{ font-size: 14px; line-height: 57px; text-indent: 15px; }
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-brand>img{ height:24px; }
  header .nav a{ padding:15px 8px; font-size: 15px; }
  .detail,.detail-title a{ height:38px;line-height: 38px; }
  div.reset-block{ padding-right: 15px; padding-left: 15px; border: 0; }
  .reset-block>p:last-child { margin-bottom: 40px; }
  .fill-containter { padding:0 15px; }
  .reset.fill-containter >.row{ padding: 0 5%; }
  .reset.fill-containter p{ margin-bottom: 15px; font-size: 16px; }
  div.reset-col-sm-3{ margin-top: 30px; }
  .party .reset-block{ padding-bottom:0; }
  .party-head .panel-heading h3.elip-title{ line-height:35px;margin-top: -35px;width:55%;left:22.5%; }
  .party-side{ margin: 50px 90px; }
  .party .media-left{ width:139px;height:117px;}
  .party .media-left img{ width:139px;height:117px; }
  .party .media-left h2{ font-size: 74px;line-height:117px;  }
  .party .media-body{ font-size: 26px;}
  .party .media-body a{ line-height: 115px; text-indent: 50px; }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px){
  .sub-w {
    margin: 0 auto;
    width: 950px;
  }
  .detail,.detail-title a{ height:38px;line-height: 38px; }
  div.reset-col-sm-9{ width:72%; padding-right: 15px;min-height: 600px; }
  div.reset-col-sm-3{ width:28%;}
  div.reset-col-sm-3>.row>div.col-xs-6{ padding:0 0 0 30px; }
  .party .reset-block{ padding-bottom: 50px; min-height: 750px;}
  .party-head .panel-heading h3{ font-size: 25px; }
  .party-head .panel-heading h3.elip-title{ line-height:35px;margin-top: -35px;width:67%;left:16.5%; }

  .party-side{ margin: 50px; }
  .party .media-left{ width:139px;height:117px;}
  .party .media-left img{ width:139px;height:117px; }
  .party .media-left h2{ font-size: 74px;line-height:117px;  }
  .party .media-body a{ font-size: 26px;line-height: 115px; text-indent: 50px; }

}

@media (min-width: 1200px) {
  .sub-w {
    margin: 0 auto;
    width: 1170px;
  }
  .detail,.detail-title a{ height:48px;line-height: 48px; }
  div.reset-col-sm-9{ padding-right: 48px; }
  .party-head .panel-heading h3{ font-size: 27px; }
  .party-head .panel-heading h3.elip-title{width:60%;left:20%; }
  .party-side{ margin:60px 78px; }

}
